@charset "utf-8";
/* CSS Document */

/*** Featured Slider ***/


#featured{
	width:500px;
	height:323px;
	position:relative;
	overflow:hidden;
	float:left;
}

#featured div.header h1{
	color:#444;
	font-size:16px;
	line-height:32px;
	padding-left:10px;
	text-shadow:2px 2px 5px #aaa;
	font-weight:normal;
}

/*** Navigation Tabs ***/

#featured ul.ui-tabs-nav{
	position:absolute;
/*	top:232px;
	left:258px;*/
	top:300px;
	left:30px;
	list-style:none;
	padding:0; margin:0;
/*	width:78px;*/
	height:20px;
/*	padding-left:8px;*/
	z-index:999;
}

#featured ul.ui-tabs-nav li{
	padding:0px 0;
	margin-left:6px;
	padding-top:5px;
	font-size:12px;
	float:left;
}
#featured ul.ui-tabs-nav li span{
    font-size:11px;
	font-family:Arial, Verdana, Geneva, sans-serif;
	line-height:18px;
	text-shadow:1px 1px 1px #000;
}

#featured .ui-tabs-panel{
	width:500px;
	height:300px;
	text-align:center;
	background-color:#FFFFFF;
/*	width:467px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	height:278px;
	position:relative;
    overflow:hidden;
*/}

#featured .ui-tabs-panel img{
	width:500px;
	height:300px;
	z-index:2;
}
#featured .ui-tabs-hide{
	display:none;
}

#featured li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	width:30px;
	height:8px;
	outline:none;
	text-decoration:none;
	background-color:#AAA;
}

/*** Thumbs ***/

#featured ul.ui-tabs-nav li img{
	float:left;
	margin:2px 5px;
	width:87px;
	height:63px;
}

/*** Other ***/

#featured .ui-tabs-panel .info{
	width:500px;
	position:absolute;
	top:267px;
	background:rgba(0, 0, 0, 0.7);
	z-index:1;
/*	position:absolute;
	background:rgba(0, 0, 0, 0.7);
	left:0;
	top:208px;
	height:72px;
	width: 467px;
	background: url('images/transparent-bg-dark.png');
*/}
#featured .info h2{
	font-size:14px;
	font-weight:bold;
	padding:10px 0 10px 0;
	margin:0;
	overflow:hidden;
	text-shadow:1px 1px 1px transparent;
	line-height:1em;
}
#featured .info p{
	margin:0 10px;
	font-size:12px;
	line-height:1.5em;
	text-indent:2em;
	word-break:break-all;
	color:#444;
}
#featured .info a{
	text-decoration:none;
	color:#FFFFFF;
}
#featured .info a:hover{
	color:#FFFFFF;
}

#featured .ui-tabs-panel .left_link{
	width:100px;
	height:266px;
	position:absolute;
	top:1px;
	left:0px;
	z-index:1;
	cursor:pointer;
	background-image:url(images/left-arrow.png);
	background-repeat:no-repeat;
	background-position: center;
}

#featured .ui-tabs-panel .right_link{
	width:100px;
	height:266px;
	position:absolute;
	top:1px;
	left:402px;
	z-index:1;
	cursor:pointer;
	background-image:url(images/right-arrow.png);
	background-repeat:no-repeat;
	background-position: center;
}

/*** featured post ***/
#featured_post{
	width:594px;
	position:relative;
	height:250px;
	padding:10px;
	overflow:hidden;
	overflow:hidden;

}

#featured_post embed, #featured_post object, #featured_post iframe{
	width:590px;
	height:250px;
}

#featured_post div.inside{
	width:590px; height:250px; float:left; position:relative;
}

#featured_post div.desc{
	height:74px; width:581px; position:absolute; background: url('images/transparent-bg-dark.png'); margin-top:168px; float:left;
	padding:5px; left:0;
}

#featured_post div.desc h1, #featured_post div.desc h1 a{
	font-size:23px;
	text-shadow:1px 1px 1px #000;
	color:#fff;
	text-decoration:none;
}

#featured_post div.desc h1 a:hover{
	color:#e8e8e8;
}

#featured_post div.desc p{
	margin:0;
	padding:0;
	color:#e6e6e6;
	text-shadow:1px 1px #000;
}

#featured_post img{
	float:left;
}


/** featured_sub **/
#featured_sub {
	float:left;
	width:445px;
	background-color:#fff;
	/**background-image:url(images/subnews_bg.gif);**/
	background-position:top right;
	background-repeat:no-repeat;
	margin-left:11px;
	padding-bottom:20px;
}
#featured_sub div.featured_sub_title{
	float:left;
	border-bottom:2px solid #b00;
	margin-bottom:5px;
	width:443px;
	/**background:url(images/subtitle_bg.png) repeat-x top;**/
}
#featured_sub div.featured_sub_title h1{
	font-weight:normal;
	font-size:15px;
	line-height:25px;
	padding-left:10px;

}
#featured_sub div.fsub_news_1 {
	float:left;
	width:420px;
	height:120px;
	border:1px solid #ddd;
	padding:5px 10px;
	position:relative;
	/*background:#f9fff2;*/
}
#featured_sub div.fsub_news_2 {
	float:left;
	width:420px;
	height:120px;
	border:1px solid #ddd;
	padding:5px 10px;
	margin:6px 0 0 0;
	position:relative;
	/*background:#f8f0e3;*/
}
#featured_sub div.catname{
	background:url(../../images/cat-bg-repeat.png) repeat-x center;
	margin-top:5px;
	margin-bottom:8px;
}

#featured_sub div.catname a{
	color:#777;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	background-color:#FFF;
	padding-right:10px;
	padding-left:20px;
	margin-left:-20px;
	background-image:url(../../images/li-cat-repeat.png);
	background-repeat:repeat-y;
}
#featured_sub div.first h1 a{
	color:#09f;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	line-height:1.2em;
}
#featured_sub  div.first h1 a:hover{
	text-decoration:underline;
	opacity:0.5;
}
#featured_sub ul.fsub{
	margin:0;
}
#featured_sub ul.fsub li{
	list-style:none;
	margin-bottom:3px;
	margin-left:15px;
	line-height:13px;
	background:url(skins/images/fsub_news_bg.png) center left no-repeat;
}
#featured_sub ul.fsub li a{
	font-weight:normal;
	padding-left:10px;
	color:#444;
	font-size:13px;
	text-decoration:none;
}
#featured_sub ul.fsub li a:hover{
	color:#888;
	text-decoration:underline;
}
#featured_sub div.first img{
	float:right;
	margin-left:3px;
	border:2px solid #fff;
}
#featured_sub div.first p{
	font-size:12px;
	line-height:1.3em;
	color:#525252;
	margin:5px 0;
	text-indent:2em;
}
#featured_sub div.fsub_news_from{
	font-size:13px;
	line-height:15px;
	position:absolute;
	bottom:5px;
	right:5px;
}
#featured_sub div.fsub_news_from a{
	color:#444;
	text-decoration:none;
}
#featured_sub div.fsub_news_from a:hover{
	color:#1D3994;
	text-decoration:underline;
}
#featured_sub div.fsub_link{
	float:left;
	margin-top:5px;
}
#featured_sub div.fsub_link p{
	width:198px;
	height:42px;
	border:1px solid #ddd;
	float:left;
	margin:0;
}
#featured_sub div.fsub_link p a{
	display:block;
	width:198px;
	height:42px;
}
#featured_sub div.fsub_link p.gongtong{
	background:url(images/gongtong-198-42.png);
}
#featured_sub div.fsub_link p.rijing{
	background:url(images/rijing-198-42.png);
	margin-left:5px;
}
#featured_sub div.fsub_link p.zhaori{
	background:url(images/zhaori-198-42.png);
	margin-left:5px;
}


@media screen and (max-width: 1000px){

	#featured{
		margin:0 90px;
	}

	/** featured_sub **/
	/**
	#featured_sub {
		width:340px;
		margin:0px;
		padding-bottom:20px;
	}
	#featured_sub div.featured_sub_title{
		margin-bottom:5px;
		width:340px;
	}
	#featured_sub div.featured_sub_title h1{
		line-height:20px;
	}
	#featured_sub div.fsub_news_1 {
		width:336px;
		height:100px;
		border:1px solid #ddd;
		padding:2px 0 2px 4px;
		position:relative;
	}
	#featured_sub div.fsub_news_2 {
		width:336px;
		height:100px;
		border:1px solid #ddd;
		padding:2px 0 2px 4px;
		position:relative;
	}
	#featured_sub div.catname{
		background:url(../../images/cat-bg-repeat.png) repeat-x center;
		margin-top:5px;
		margin-bottom:8px;
	}

	#featured_sub div.catname a{
		color:#777;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		background-color:#FFF;
		padding-right:10px;
		padding-left:20px;
		margin-left:-20px;
		background-image:url(../../images/li-cat-repeat.png);
		background-repeat:repeat-y;
	}
	#featured_sub div.first h1 a{
		color:#09f;
		font-size:14px;
		text-decoration:none;
		font-weight:normal;
		line-height:1.2em;
	}
	#featured_sub  div.first h1 a:hover{
		text-decoration:underline;
		opacity:0.5;
	}
	#featured_sub ul.fsub{
		margin:0;
	}
	#featured_sub ul.fsub li{
		list-style:none;
		margin-bottom:3px;
		margin-left:0px;
		line-height:13px;
		background:none;
	}
	#featured_sub ul.fsub li a{
		font-weight:normal;
		padding-left:0px;
		color:#444;
		font-size:13px;
		text-decoration:none;
	}
	#featured_sub ul.fsub li a:hover{
		color:#888;
		text-decoration:underline;
	}
	#featured_sub div.first img{
		float:right;
		margin-left:3px;
		border:2px solid #fff;
	}
	#featured_sub div.first p{
		font-size:12px;
		line-height:1.3em;
		color:#525252;
		margin:5px 0;
		text-indent:2em;
	}
	#featured_sub div.fsub_news_from{
		font-size:13px;
		line-height:15px;
		position:absolute;
		bottom:5px;
		right:5px;
	}
	#featured_sub div.fsub_news_from a{
		color:#444;
		text-decoration:none;
	}
	#featured_sub div.fsub_news_from a:hover{
		color:#1D3994;
		text-decoration:underline;
	}
	#featured_sub div.fsub_link{
		float:left;
		margin-top:5px;
	}
	#featured_sub div.fsub_link p{
		width:198px;
		height:42px;
		border:1px solid #ddd;
		float:left;
		margin:0;
	}
	#featured_sub div.fsub_link p a{
		display:block;
		width:198px;
		height:42px;
	}
	#featured_sub div.fsub_link p.gongtong{
		background:url(images/gongtong-198-42.png);
	}
	#featured_sub div.fsub_link p.rijing{
		background:url(images/rijing-198-42.png);
		margin-left:5px;
	}
	#featured_sub div.fsub_link p.zhaori{
		background:url(images/zhaori-198-42.png);
		margin-left:5px;
	}
	**/

	#featured_sub {
		display: none;
	}

}

@media screen and (max-width: 600px){

/*** Featured Slider ***/

	#featured{
		width:300px;
		height:203px;
		margin:0 30px;
	}

	/*** Navigation Tabs ***/

	#featured ul.ui-tabs-nav{
		top:180px;
		left:20px;
	}

	#featured li.ui-tabs-nav-item a{
		width:15px;
	}

	#featured .ui-tabs-panel{
		width:300px;
		height:180px;
	*/}

	#featured .ui-tabs-panel img{
		width:300px;
		height:180px;
	}

	#featured ul.ui-tabs-nav li img{
		width:87px;
		height:63px;
	}

	/*** Other ***/

	#featured .ui-tabs-panel .info{
		width:300px;
		top:147px;
	}

	#featured .ui-tabs-panel .left_link{
		width:100px;
		height:146px;
		top:1px;
		left:0px;
	}

	#featured .ui-tabs-panel .right_link{
		width:100px;
		height:146px;
		top:1px;
		left:202px;
	}

	#featured_sub {
		display: none;
		/*margin-left:10px;*/
	}
	/*
	#featured_sub {
		width: 300px;
		margin-left:30px;
	}
	#featured_sub div.featured_sub_title {
		width: 300px;
	}
	#featured_sub div.fsub_news_1 {
		height: 250px;
		margin-bottom: 20px;
	}
	#featured_sub div.fsub_news_2 {
		height: 250px;
		margin-left: 0;
	}
	*/
}